<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>美丽人生店</title>
    <link rel="stylesheet" href="../../css/index.css" />
    <link rel="stylesheet" href="../../css/weui.css" />
    <link rel="stylesheet" href="../../css/pageHome.css">
    <link rel="stylesheet" href="../../css/swiper.min.css">
</head>
<body>
<div class="page">
    <div class="page__bd" style="height: 100%;" id="pageHome">
        <!--lunbo-->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="../../images/daohang.jpg" alt="" style="width:100%;height: 8rem">
                    </div>
                    <div class="swiper-slide">
                        <img src="../../images/daohang2.jpg" alt="" style="width:100%;height: 8rem">
                    </div>
                    <div class="swiper-slide">
                        <img src="../../images/daohang1.jpg" alt="" style="width:100%;height: 8rem">
                    </div>
                    <div class="swiper-slide">
                        <img src="../../images/daohang.jpg" alt="" style="width:100%;height: 8rem">
                    </div>
                </div>
                <div class="storesTarget">切换店铺</div>
            </div>
        <!--daohang-->
        <div class="weui-panel__bd" style="background-color: #FFFFFF;position: relative">
            <div class="weui-media-box weui-media-box_appmsg">
                <div class="weui-media-box__hd" >
                    <img class="weui-media-box__thumb" src="" alt="">
                </div>
                <div class="weui-media-box__bd" style="font-size: 16px">
                    <h4 class="weui-media-box__title" style="color: #fd5a70">美丽佳人点</h4>
                    <p class="weui-media-box__desc" style="margin-top: 10px"><span style="display: inline-block;width: 20px;height: 22px;margin-right: 10px;vertical-align: text-bottom"><img src="../../images/shiyu/shouye2_dianhua@2x.png" alt=""></span>1234444</p>
                    <p class="weui-media-box__desc" style="margin-top: 5px;">苏州市吴中区999金枫科技园</p>
                </div>
                <a href="http://uri.amap.com/navigation?from='',''&to='','',万枫家园&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=1" style="text-align: center">
                    <img class="weui-media-box__thumb" src="../../images/shiyu/ddxq_daohang_icon@2x.png" alt="" style="width: 20px;height: 22px">
                    <p style="color:#fd5a70 ">导航到店</p>
                </a>
            </div>
            <!--<div class="daohang">-->
                <!--<p style="color: #fd5a70;padding: 5px ">选用以下方式找到路线：</p>-->
                <!--<div class="float">-->
                    <!--<img src="../../images/navigation/baiduditu_icon@2x.png" alt="mapImg" class="mapImg">-->
                    <!--<p><span class="daohang_span" ><img src="../../images/navigation/daohang_xuanzhong@2x.png" alt="" class="selectImg"></span> 百度地图</p>-->
                <!--</div>-->
                <!--<div class="float">-->
                    <!--<img src="../../images/navigation/daohang_guge@2x.png" alt="mapImg" class="mapImg">-->
                    <!--<p><span class="daohang_span"><img src="../../images/navigation/daohang_weixuanzhong-@2x.png" alt="" class="selectImg"></span> 谷歌地图</p>-->
                <!--</div>-->
                <!--<div class="float">-->
                    <!--<img src="../../images/navigation/daohang_gaode@2x.png" alt="mapImg" class="mapImg">-->
                    <!--<p><span class="daohang_span"><img src="../../images/navigation/daohang_weixuanzhong-@2x.png" alt="" class="selectImg"></span> 高德地图</p>-->
                <!--</div>-->
            <!--</div>-->
            <div style="padding-left: 20px;border: 1px solid #f8f8f8;padding: 10px 16px 8px 16px">
                <span style="display: inline-block;width: 20px;height: 20px"><img src="../../images/shiyu/shouye2_laba@2x.png" alt="" style="width: 100%;height: 100%"></span>
                <div style="float: right;width: 90%;color: #bbbbbb"><marquee>解决水电费水电费水电费发</marquee></div>
            </div>
        </div>
<!--tab-->
        <div class="weui-tab" style="height: 62px;margin-top: 5px">
            <div class="weui-navbar ">
                <div class="weui-navbar__item weui_xm weui_xm" style="padding: 5px 5px 0 5px;background-color: #FFFFFF;">
                    <img src="../../images/shiyu/shouye2_xiangmu@2x.png" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label weui_select_bd" style="line-height: 14px;font-size: 14px;padding-bottom: 5px">项目</p>
                </div>
                <div class="weui-navbar__item weui_tck" style="padding: 5px 5px 0 5px;background-color: #FFFFFF;">
                    <img src="../../images/shiyu/shouye2_taocanka@2x.png" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label" style="line-height: 14px;font-size: 14px;padding-bottom: 5px">套餐卡</p>
                </div>
                <div class="weui-navbar__item weui_mrs" style="padding: 5px 5px 0 5px;background-color: #FFFFFF;">
                    <img src="../../images/shiyu/shouye2_meirongshi@2x.png" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label" style="line-height: 14px;font-size: 14px;padding-bottom: 5px">美容师</p>
                </div>
                <div class="weui-navbar__item weui_hd" style="padding: 5px 5px 0 5px;background-color: #FFFFFF;">
                    <img src="../../images/shiyu/shouye2_huodong@2x.png" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label" style="line-height: 14px;font-size: 14px;padding-bottom: 5px">活动</p>
                </div>
            </div>
        </div>
        <div class="content swiper_content" style="padding-top: 0rem;background-color: #FFFFFF">
            <div class="swiper-container ">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="../../images/daohang.jpg" alt="" style="width:100%;height: 8rem">
                    </div>
                    <div class="swiper-slide">
                        <img src="../../images/daohang2.jpg" alt="" style="width:100%;height: 8rem">
                    </div>
                    <div class="swiper-slide">
                        <img src="../../images/daohang1.jpg" alt="" style="width:100%;height: 8rem">
                    </div>
                    <div class="swiper-slide">
                        <img src="../../images/daohang.jpg" alt="" style="width:100%;height: 8rem">
                    </div>
                </div>
            </div>
            <div id="itemList" class="page__bd_spacing">
                <div class="weui_item" style="overflow: hidden">
                    <div class="preject_item_right" >
                        <div class="placeholder ">
                            <img src="../../images/daohang.jpg" alt="" style="width: 100%;height: 8rem;">
                        </div>
                        <span>肌肤护理</span>
                        <span class="item_price">￥1233/次</span>
                    </div>
                    <div class="preject_item_right">
                        <div class="placeholder">
                            <img src="../../images/daohang.jpg" alt="" style="width: 100%;height: 8rem;">
                        </div>
                        <span>肌肤护理</span>
                        <span class="item_price">￥1233/次</span>
                    </div>
                    <div class="preject_item_right">
                        <div class="placeholder">
                            <img src="../../images/daohang.jpg" alt="" style="width: 100%;height: 8rem;">
                        </div>
                        <span>肌肤护理</span>
                        <span class="item_price">￥1233/次</span>
                    </div>
                    <div class="preject_item_right">
                        <div class="placeholder">
                            <img src="../../images/daohang.jpg" alt="" style="width: 100%;height: 8rem;">
                        </div>
                        <span>肌肤护理</span>
                        <span class="item_price">￥1233/次</span>
                    </div>
                    <div class="preject_item_right">
                        <div class="placeholder">
                            <img src="../../images/daohang.jpg" alt="" style="width: 100%;height: 8rem;">
                        </div>
                        <span>肌肤护理</span>
                        <span class="item_price">￥1233/次</span>
                    </div>
                    <div class="preject_item_right">
                        <div class="placeholder">
                            <img src="../../images/daohang.jpg" alt="" style="width: 100%;height: 8rem;">
                        </div>
                        <span>肌肤护理</span>
                        <span class="item_price">￥1233/次</span>
                    </div>
                </div>
            </div>
        </div>

        <!--底部tab-->
        <div class="weui-tab">
            <div class="weui-tab__panel">
            </div>
            <div class="weui-tabbar">
                <a href="javascript:;" class="weui-tabbar__item bottom_tabbar">
                    <img src="../../images/shiyu/dibugongjulan_wdmry_xuanzhong@2x.png" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label selectTable">我的美容院</p>
                </a>
                <a href="../appointment/appointment.html" class="weui-tabbar__item bottom_tabbar">
                    <img src="../../images/shiyu/dibugongjulan_yy@2x.png" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label">预约</p>
                </a>
                <a href="../personalCenter/personalCenter.html" class="weui-tabbar__item bottom_tabbar">
                    <img src="../../images/shiyu/dibugongjulan_grzx@2x.png" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label">个人中心</p>
                </a>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
<script type="text/javascript" src="../../js/weui/zepto.min.js"></script>
<script type="text/javascript" src="../../js/swiper.min.js"></script>
<script type="text/javascript" src="../../js/pageHome/pageHome.js"></script>
</body>

</html>